<!DOCTYPE html>
<html>
<head>
    <title>测试</title>
    <meta content="text/html" charset="utf-8">
    <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
   <script type="text/javascript" src="../js/hash.js"></script>
    <script type="text/javascript">
        var welcomeModule = new Hash.Module({
            id: 'welcomeModule',
            contentUrl: 'test.html',
            header: false
        });

        var contactUsModule = new Hash.Module({
            id: 'contactUsModule',
            contentUrl: '/pages/contactUsModule.html',
            header: false,
            cls: 'contactUsSection'
        });

        //define page properties
        var pages = [
            new Hash.Page({
                id: 'homes',
                title: 'Hash.js',
                items : welcomeModule
            }),
            new Hash.Page({
                id: 'contact',
                title: 'Contact Us',
                items : [contactUsModule]
            })
        ]

        //configure the system
        Hash.init({
            pages : pages,
            target : '#pageContent',
            //onChange : selectNavButton,
            refresh : false
        });

        //start the system
        $(document).ready(function()
        {
            Hash.start();
            setTimeout(function()
            {
                new Hash.Notification({
                    content : "<i>Welcome!</i>"
                }).show();
            }, 1500);
        });
    </script>
</head>
<body>

</body>
</html>